<template>
    <van-grid class="w344 h200 bgc-f br10 ovh" :column-num="4" :border="false">
        <van-grid-item 
            v-for="item,index in gridlist" 
            :key="index" 
            :icon="item.img" 
            :text="item.text" 
        />
    </van-grid>
</template>

<script>
import { Grid, GridItem } from "vant";
export default {
    components: {
        VanGrid: Grid,
        VanGridItem: GridItem,
    },
    data(){
        return {
            gridlist: [
                {text:'会员码', img: require('@/assets/icon/mine-1.png')},
                {text:'任务中心', img: require('@/assets/icon/mine-2.png')},
                {text:'消息中心', img: require('@/assets/icon/mine-3.png')},
                {text:'发票助手', img: require('@/assets/icon/mine-4.png')},
                {text:'我的客服', img: require('@/assets/icon/mine-5.png')},
                {text:'兑换中心', img: require('@/assets/icon/mine-6.png')},
                {text:'更多', img: require('@/assets/icon/mine-7.png')},
            ]
        }
    },
};
</script>

<style lang='scss' scoped>
</style>